<template>
	<view class="content">
		<view class="topNav">
			<image class="logoStyle" src="../../static/logo.png" mode=""></image>
			<view class="navTitle">
				<view class="navName" v-for="(item, index) in navList" :key="index" @tap="clickNav(index)">
					<text>{{$t(item.name)}}</text>
					<view class="bottomLine" v-if="tabCurrent == index">
					</view>
				</view>
				<view class="navName navNameLang">
					<picker @change="bindPickerChange" :value="index" :range="array">
						<view class="uni-input">{{array[index]}}</view>
					</picker>
					<image class="topImg3" src="../../static/topIcon.png" mode=""></image>
				</view>
			</view>
		</view>
		
		<view class="oneBody">
			<view class="topOne">
				<image :src="_i18n.locale == 'zh-CN'?'../../static/oneImg.png':'../../static/oneImgLang.png'" mode=""></image>
			</view>
			<view class="topContent" id="pathBox0">
				<view class="contentBox">
					<view class="title">
						<image :src="_i18n.locale == 'zh-CN'?'../../static/titleName.png':'../../static/titleNameLang.png'" mode=""></image>
					</view>
					<view class="topText">
						<view class="left">
							<image src="../../static/bdks.png" mode=""></image>
						</view>
						<view class="right">
							<view class="top">
								{{$t('index4')}}
							</view>
							<view class="bottom">
								<view class="textS">
									{{$t('index5')}}
								</view>
								<view class="textS">
									{{$t('index6')}}
								</view>
								<view class="textS">
									{{$t('index7')}}
								</view>
								<view class="textS">
									{{$t('index8')}}
								</view>
								<view class="textS">
									{{$t('index9')}}
								</view>
								<view class="textS">
									{{$t('index10')}}
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="one2Body">
				<view class="one2OnBox">
					<view class="title1">
						<image :src="_i18n.locale == 'zh-CN'?'../../static/titleName2.png':'../../static/titleName2Lang.png'" mode=""></image>
					</view>
					<view class="title2">
						{{$t('index11')}}
					</view>
					<view class="one2Text">
						<view class="overText">
							<view class="textSmall">{{$t('index12')}}</view>
							<view class="textSmall">{{$t('index13')}}</view>
							<view class="textSmall">{{$t('index14')}}</view>
							<view class="textSmall">{{$t('index15')}}</view>
							<view class="textSmall">{{$t('index16')}}</view>
							<view class="textSmall">{{$t('index17')}}</view>
							<view class="textSmall">{{$t('index18')}}</view>
							<view class="textSmall">{{$t('index19')}}</view>
							<view class="textSmall">{{$t('index20')}}</view>
							<view class="textSmall">{{$t('index21')}}</view>
							<view class="textSmall">{{$t('index22')}}</view>
							<view class="textSmall">{{$t('index23')}}</view>
							<view class="textSmall">BDKS</view>
							<view class="textSmall">{{$t('index24')}}</view>
							<view class="textSmall">{{$t('index25')}}</view>
							<view class="textSmall">{{$t('index26')}}</view>
							<view class="textSmall">{{$t('index27')}}</view>
							<view class="textSmall">{{$t('index28')}}</view>
						</view>
					</view>
				</view>
			</view>
			<view class="videoItem">
				<view class="item">
					<image src="../../static/videoIcon.png" mode=""></image>
				</view>
			</view>
			<view class="omniPlan" id="pathBox1">
				<view class="planItem">
					<view class="title">
						<image v-if="_i18n.locale == 'zh-CN'" src="../../static/plan_title.png" mode=""></image>
						<view class="langText" v-else>
							Omni Net New Fire Plan
						</view>
					</view>
					<view class="boxPlan">
						<view class="left">
							<view class="planTitle">
								{{$t('index29')}}
							</view>
							<view class="textSmall">
								{{$t('index30')}}
							</view>
							<view class="iconItem" v-for="(item,index) in list" :key="index">
								<view class="img">
									<image :src="'../../static/planicon'+(index+1)+'.png'" mode=""></image>
								</view>
								<view class="itemTitle">
									<view class="text">
										{{$t(item.text)}}
									</view>
									<view class="text1">
										{{$t(item.samll)}}
									</view>
								</view>
							</view>
						</view>
						<view class="right">
							<image src="../../static/plan_right.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="planItem planItem1">
					<view class="title">
						<view class="text">
							 {{$t('textOne0')}}
						</view>
						<view class="text1">
							{{$t('textOne1')}}
						</view>
					</view>
					<view class="boxPlan">
						<view class="right">
							<image src="../../static/plan1_right.png" mode=""></image>
						</view>
						<view class="left">
							<view class="iconItem" v-for="(item,index) in list1" :key="index">
								<view class="img">
									<image :src="'../../static/plan1icon'+(index+1)+'.png'" mode=""></image>
								</view>
								<view class="itemTitle">
									<view class="text">
										{{$t(item.text)}}
									</view>
									<view class="text1">
										{{$t(item.samll)}}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="boksBox" id="pathBox2">
				<view class="boxBg">
					<image src="../../static/boks.png" mode=""></image>
				</view>
				<view class="title">
					<image :src="_i18n.locale == 'zh-CN'?'../../static/boksTitle.png':'../../static/boksTitleLang.png'" mode=""></image>
				</view>
				<view class="numberItem">
					<view class="numbertitle">
						{{$t('textOne2')}}
					</view>
					<view class="newText">
						{{$t('textOne3')}}：
					</view>
					<view class="number1">
						<view class="text">
							{{$t('textOne4')}}
						</view>
						<view class="img">
							<image src="../../static/boksText1.png" mode=""></image>
						</view>
					</view>
					<view class="number2">
						<view class="item">
							<view class="text">
								{{$t('textOne5')}}
							</view>
							<view class="img">
								<image src="../../static/boksText2.png" mode=""></image>
							</view>
						</view>
						<view class="item">
							<view class="text">
								{{$t('textOne6')}}
							</view>
							<view class="img">
								<image src="../../static/boksText3.png" mode=""></image>
							</view>
						</view>
					</view>
					<view class="boksIcon">
						<view class="img img1">
							<image :src="_i18n.locale == 'zh-CN'?'../../static/boksIcon.png':'../../static/boksIconLang.png'" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="partner" id="pathBox3">
				<view class="partnerTitle">
					<image :src="_i18n.locale == 'zh-CN'?'../../static/partner.png':'../../static/partnerLang.png'" mode=""></image>
				</view>
				<view class="partnerIcon">
					<image src="../../static/partherIcon.png" mode=""></image>
				</view>
				<view class="partnerTitle partnerTitle1">
					<image :src="_i18n.locale == 'zh-CN'?'../../static/partner1.png':'../../static/partner1Lang.png'" mode=""></image>
				</view>
				<view class="itemPartner">
					<view class="item" v-for="(item,index) in list2" :key="index">
						<view class="img">
							<image src="../../static/partherItem.png" mode=""></image>
						</view>
						<view class="parText">
							<view class="title">
								{{$t(item.text)}}
							</view>
							<view class="samll">
								{{$t(item.samll)}}
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="navBottom">
				<view class="navList">
					<view class="text">
						{{$t('textOne7')}}
					</view>
					<view class="list">
						<view class="item" v-for="(item,index) in list3" :key="index">
							<view class="img">
								<image :src="'../../static/nav'+(index+1)+'.png'"></image>
							</view>
							<view class="text">
								{{item.text}}
							</view>
						</view>
						<view class="item">
							<view class="text">
								{{$t('textOne7')}}：132456@gmial.com
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="navBottomLogo">
				<image src="../../static/navLogo.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navList: [
					{name: 'index0', node: 0},
					{name: 'index1', node: 0},
					{name: 'index2', node: 0},
					{name: 'index3', node: 0},
				],
				list:[
					{
						text:"list0",
						samll:"list1"
					},
					{
						text:"list2",
						samll:"list3"
					},
					{
						text:"list4",
						samll:"list5"
					},
					{
						text:"list6",
						samll:"list7"
					},
				],
				list1:[
					{
						text:"list8",
						samll:"list9"
					},
					{
						text:"list10",
						samll:"list11"
					},
					{
						text:"Cross-Chain:",
						samll:"list12"
					},
					{
						text:"list13",
						samll:"list14"
					},
				],
				list2:[
					{
						text:"list15",
						samll:"list16"
					},
					{
						text:"list17",
						samll:"list16"
					},
					{
						text:"list18",
						samll:"list16"
					}
				],
				list3:[
					{
						text:"Youtube",
					},
					{
						text:"Twitter",
					},
					{
						text:"Telegram",
					},
					{
						text:"Facebook",
					}
				],
				tabCurrent: 0,
				array: ['中文', 'English'],
				index: 0,
			}
		},
		onLoad() {
			this.index = uni.getStorageSync("language") === '' || uni.getStorageSync("language") == undefined?0:uni.getStorageSync("language") == 'en-US'?1:0;
		},
		methods: {
			clickNav(val) {
				this.tabCurrent = val;
				location.hash="#pathBox"+val;
			},
			bindPickerChange: function(e) {
			    this.index = e.detail.value;
				let val = this.index == 1?'en-US':'zh-CN';
				uni.setStorageSync("language",val)
				this._i18n.locale = val;
			},
		}
	}
</script>

<style scoped lang="scss">
	
	@media all and (min-width: 700px) and (max-width: 2880px) {
		.content {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: rgba(0, 0, 0, 1);
			.topNav{
				position: fixed;
				top: 0;
				display: flex;
				z-index: 99;
				justify-content: space-around;
				align-items: center;
				width: 100%;
				padding: 0 460rpx;
				height: 200rpx;
				background-color: rgba(23, 25, 7, .36);
				.logoStyle{
					width: 414rpx;
					height: 132rpx;
				}
				.navTitle{
					display: flex;
					align-items: center;
					.navName{
						color: #fff;
						font-size: 32rpx;
						margin-left: 112rpx;
						position: relative;
						.bottomLine{
							position: absolute;
							left: 50%;
							bottom: -30rpx;
							transform: translate(-50%, 0);
							width: 64rpx;
							height: 8rpx;
							background: linear-gradient(90deg, #AFF501 0%, #41F501 100%);
							border-radius: 3rpx;
						}
					}
					.navNameLang{
						border-radius: 16rpx;
						border: 2rpx solid rgba(175, 245, 1, .2);
						padding: 8rpx 24rpx;
						display: flex;
						align-items: center;
						.topImg3{
							width: 18rpx;
							height: 18rpx;
							margin-left: 10rpx;
						}
					}
				}
			}
			.oneBody{
				width: 100%;
				background-image: url('../../static/oneBg.png');
				background-size: 100% 100%;
				.topOne{
					width: 100%;
					height: 2000rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.topContent{
					width: 100%;
					display: flex;
					justify-content: center;
					margin-top: -20%;
					.contentBox{
						width: 50%;
						padding: 164rpx 168rpx 200rpx 168rpx;
						background-image: url('../../static/box.png');
						background-size: 100% 100%;
						.title{
							height: 186rpx;
							width: 100%;
							image{
								width: 100%;
								height: 100%;
							}
						}
						.topText{
							display: flex;
							justify-content: space-around;
							align-items: center;
							.left{
								width: 40%;
								display: flex;
								justify-content: center;
								image{
									width: 458rpx;
									height: 634rpx;
								}
							}
							.right{
								width: 55%;
								.top{
									padding-left: 54rpx;
									margin-top: 16rpx;
									background-image: url('../../static/rightTitleBg.png');
									background-size: 100% 100%;
								}
								.bottom{
									margin-top: 48rpx;
									font-size: 26rpx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
									.textS{
										margin-bottom: 20rpx;
									}
								}
							}
						}
					}
				}
				.one2Body{
					width: 100%;
					background-image: url('../../static/oneImg2.png');
					background-size: 100% 100%;
					padding: 76rpx 0 100rpx 0;
					display: flex;
					justify-content: center;
					margin-top: 142rpx;
					.one2OnBox{
						width: 65%;
						.title1{
							width: 100%;
							display: flex;
							justify-content: center;
							image{
								width: 80%;
								height: 188rpx;
							}
						}
						.title2{
							display: flex;
							justify-content: center;
							margin-top: 78rpx;
							font-size: 65rpx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #ACF505;
						}
						.one2Text{
							display: flex;
							justify-content: right;
							margin-top: 146rpx;
							.overText{
								width: 40%;
								height: 700rpx;
								padding: 104rpx 0;
								text-align: center;
								overflow-y: auto;
								overflow-x: hidden;
								background: linear-gradient(180deg, rgba(172,245,5,0) 0%, rgba(117, 245, 5, .16) 23%, rgba(128, 245, 5, .16) 75%, rgba(172,245,4,0) 100%);
								.textSmall{
									font-size: 30rpx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
									margin-bottom: 40rpx;
								}
							}
							.overText::-webkit-scrollbar {
							    width: 8px;
							}
							.overText::-webkit-scrollbar-thumb {
							    width: 24rpx;
							    background: #ACF505;
							    border-radius: 12rpx;
							    border: 2px solid #598000;
							}
						}
					}
				}
				.videoItem{
					.item{
						width: 2500upx;
						height: 1134upx;
						margin: 142upx auto;
						background-image: url('../../static/video.png');
						background-size: 100% 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						image{
							width: 120upx;
							height: 120upx;
						}
					}
				}
				.omniPlan{
					width: 2500upx;
					height: 3196upx;
					background-image: url('../../static/plan.png');
					background-size: 100% 100%;
					margin: 0 auto;
					padding: 160upx 170upx;
					box-sizing: border-box;
					.planItem{
						box-sizing: border-box;
						.title{
							margin: 0 auto;
							width: 2158upx;
							height: 226upx;
							image{
								width: 100%;
								height: 100%;
							}
							.langText{
								width: 2107rpx;
								height: 176rpx;
								background: linear-gradient(180deg, rgba(193,242,129,0) 0%, rgba(142, 226, 74, .3) 100%);
								border-radius: 16rpx;
								line-height: 176rpx;
								text-align: center;
								font-size: 100rpx;
								font-family: AlibabaPuHuiTiB;
								color: #E7FFD2;
							}
						}
						.boxPlan{
							margin-top: 128upx;
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
							box-sizing: border-box;
							.left{
								width: 50%;
								padding-right: 50upx;
								.planTitle{
									font-size: 55upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 300;
									color: #FFFFFF;
									text-align: center;
								}
								.textSmall{
									font-size: 82upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 600;
									color: #ACF505;
									text-align: center;
								}
								.iconItem{
									display: flex;
									margin-top: 112upx;
									margin-bottom: 66upx;
									.img{
										width: 90upx;
										height: 90upx;
										margin-right: 21upx;
										image{
											width: 100%;
											height: 100%;
										}
									}
									.itemTitle{
										.text{
											font-size: 24upx;
											font-family: PingFangSC, PingFang SC;
											font-weight: 600;
											color: #FFFFFF;
										}
										.text1{
											font-size: 24upx;
											font-family: PingFangSC, PingFang SC;
											color: #FFFFFF;
										}
									}
								}
							}
							.right{
								width: 1172upx;
								height: 1086upx;
								display: inline-block;
								image{
									width: 100%;
									height: 100%;
								}
							}
						}
					}
					.planItem1{
						.title{
							text-align: center;
							background-image: url('../../static/bgTitle.png');
							background-size: 100% 100%;
							.text{
								font-size: 92upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color: #FFFFFF;
							}
							.text1{
								font-size: 92upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color:#ACF505;
							}
						}
						.boxPlan{
							.left{
								padding-right: 0;
								padding-left: 50upx;
							}
						}
					}
				}
				.boksBox{
					width: 2500upx;
					height: 1621upx;
					padding-top: 90upx;
					margin: 80upx auto 0;
					background-image: url('../../static/boksBg.png');
					background-size: 100% 100%;
					position: relative;
					.title{
						width: 2158upx;
						height: 226upx;
						margin: 0 auto;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.boxBg{
						position: absolute;
						right: -300upx;
						top: 0;
						image{
							width: 1630upx;
							height: 1312upx;
						}
					}
					.numberItem{
						margin-top: 90upx;
						padding: 0 60upx;
						.numbertitle{
							width: 1064upx;
							height: 106upx;
							background-image: url('../../static/rightTitleBg.png');
							background-size: 100% 100%;
							display: flex;
							align-items: center;
							font-size: 60upx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #000000;
							padding-left: 90upx;
							box-sizing: border-box;
						}
						.newText{
							margin-top: 80upx;
							font-size: 60upx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #ACF505;
						}
						.number1{
							display: flex;
							margin-top: 80upx;
							.text{
								width: 112upx;
								height: 128upx;
								font-size: 56upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color: #FFFFFF;
								margin-right: 20upx;
							}
							.img{
								width: 1070upx;
								height: 214upx;
								image{
									width: 100%;
									height: 100%;
								}
							}
						}
						.number2{
							display: flex;
							align-items: center;
							.item{
								display: flex;
								align-items: center;
								margin-right: 94upx;
								.text{
									width: 112upx;
									height: 128upx;
									font-size: 56upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 600;
									color: #FFFFFF;
									margin-right: 20upx;
								}
								.img{
									width: 420upx;
									height: 172upx;
									image{
										width: 100%;
										height: 100%;
									}
								}
							}
						}
						.boksIcon{
							width: 2504upx;
							height: 302upx;
							background-image: url('../../static/boksIcon1.png');
							background-size: 100% 100%;
							display: flex;
							align-items: center;
							margin-top: 220upx;
							.img{
								width: 2302upx;
								height: 172upx;
								margin-left: 140upx;
								image{
									width: 100%;
									height: 100% ;
								}
							}
						}
					}
				}
				.partner{
					width: 2500upx;
					height: auto;
					margin: 140upx auto 0;
					background-image: url('../../static/box.png');
					background-size: 100% 100%;
					padding: 250upx 156upx 390upx;
					box-sizing: border-box;
					.partnerTitle{
						width: 2182upx;
						height: 228upx;
						margin: 0 auto;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.partnerIcon{
						width: 2162upx;
						height: 498upx;
						margin-top: 82upx;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.partnerTitle1{
						margin-top: 100upx;
					}
					.itemPartner{
						display: flex;
						align-items: center;
						justify-content: space-between;
						.item{
							width: 686upx;
							height: 658upx;
							background: rgba(172,245,5,0.12);
							border-radius: 16upx;
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							.img{
								width: 300upx;
								height: 286upx;
								image{
									width: 100%;
									height: 100%;
								}
							}
							.parText{
								.title{
									font-size: 60upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #F3FFEA;
									margin-top: 58upx;
								}
								.samll{
									text-align: center;
									font-size: 40upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #ACF505;
									margin-top: 5upx;
								}
							}
						}
					}
				}
				.navBottom{
						margin-top: 142upx;
						width: 100%;
						height: 514upx;
						background: #143300;
						padding: 0 520upx;
						box-sizing: border-box;
						.navList{
							padding-top: 152upx;
							.text{
								font-size: 32upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								color: rgba(255,255,255,0.55);
							}
						}
						.list{
							display: flex;
							align-items: center;
							margin-top: 66upx;
							.item{
								width: 25%;
								display: flex;
								align-items: center;
								.img{
									width: 50upx;
									height: 50upx;
									margin-right: 10upx;
									image{
										width: 100%;
										height: 100%;
									}
								}
								.text{
									font-size: 32upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
								}
								.text1{
									width: 482upx;
								}
							}
						}
					}
			}
				.navBottomLogo{
					width: 100%;
					height: 140upx;
					background: #ACF505;
					display: flex;
					justify-content: center;
					align-items: center;
					image{
						width: 414upx;
						height: 132upx;
					}
				}
		}
	}
	@media all and (min-width: 370px) and (max-width: 700px) {
		.content {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: rgba(0, 0, 0, 1);
			.topNav{
				// display: none !important;
				position: fixed;
				top: 0;
				display: flex;
				z-index: 99;
				justify-content: space-around;
				align-items: center;
				width: 100%;
				padding: 0 460rpx;
				height: 200rpx;
				background-color: rgba(23, 25, 7, .36);
				.logoStyle{
					width: 414rpx;
					height: 132rpx;
				}
				.navTitle{
					display: flex;
					align-items: center;
					.navName{
						color: #fff;
						font-size: 32rpx;
						margin-left: 112rpx;
						position: relative;
						.bottomLine{
							position: absolute;
							left: 50%;
							bottom: -30rpx;
							transform: translate(-50%, 0);
							width: 64rpx;
							height: 8rpx;
							background: linear-gradient(90deg, #AFF501 0%, #41F501 100%);
							border-radius: 3rpx;
						}
					}
				}
			}
			.oneBody{
				width: 100%;
				background-image: url('../../static/oneBg.png');
				background-size: 100% 100%;
				.topOne{
					width: 100%;
					height: 406rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.topContent{
					width: 100%;
					display: flex;
					justify-content: center;
					margin-top: -20%;
					padding: 0 30upx;
					box-sizing: border-box;
					.contentBox{
						width: 100%;
						// padding: 100upx 0 0;
						// padding: 164rpx 168rpx 200rpx 168rpx;
						background-image: url('../../static/qBox1.png');
						background-size: 100% 100%;
						.title{
							margin-top: 35upx;
							height: 86rpx;
							width: 100%;
							image{
								width: 100%;
								height: 100%;
							}
						}
						.topText{
							padding: 0 60upx 80upx;
							.left{
								display: flex;
								justify-content: center;
								image{
									width: 198rpx;
									height: 277rpx;
								}
							}
							.right{
								.top{
									padding: 10upx;
									font-size: 30upx;
									padding-left: 54rpx;
									margin-top: 16rpx;
									background-image: url('../../static/rightTitleBg.png');
									background-size: 100% 100%;
								}
								.bottom{
									margin-top: 48rpx;
									font-size: 24rpx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
									.textS{
										margin-bottom: 20rpx;
									}
								}
							}
						}
					}
				}
				.one2Body{
					width: 100%;
					background-image: url('../../static/oneImg2.png');
					background-size: 100% 100%;
					// padding: 76rpx 0 100rpx 0;
					display: flex;
					justify-content: center;
					margin-top: 92rpx;
					padding: 30upx 30upx 0;
					box-sizing: border-box;
					.one2OnBox{
						width: 100%;
						.title1{
							width: 100%;
							display: flex;
							justify-content: center;
							image{
								width: 100%;
								height: 58rpx;
							}
						}
						.title2{
							display: flex;
							justify-content: center;
							margin-top: 78rpx;
							font-size: 32rpx;
							text-align: center;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #ACF505;
						}
						.one2Text{
							display: flex;
							justify-content: right;
							margin-top: 46rpx;
							.overText{
								width: 100%;
								height: 484rpx;
								// padding: 104rpx 0;
								text-align: center;
								overflow-y: auto;
								overflow-x: hidden;
								background: linear-gradient(180deg, rgba(172,245,5,0) 0%, rgba(117, 245, 5, .16) 23%, rgba(128, 245, 5, .16) 75%, rgba(172,245,4,0) 100%);
								.textSmall{
									font-size: 30rpx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
									margin-bottom: 40rpx;
								}
							}
							.overText::-webkit-scrollbar {
							    width: 8px;
							}
							.overText::-webkit-scrollbar-thumb {
							    width: 24rpx;
							    background: #ACF505;
							    border-radius: 12rpx;
							    border: 2px solid #598000;
							}
						}
					}
				}
				.videoItem{
					width: 100%;
					padding: 30upx;
					box-sizing: border-box;
					margin: 92upx 0;
					.item{
						height: 310upx;
						background-image: url('../../static/video.png');
						background-size: 100% 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						image{
							width: 120upx;
							height: 120upx;
						}
					}
				}
				.omniPlan{
					height: auto;
					padding: 50upx;
					margin: 92upx 30upx 0;
					box-sizing: border-box;
					background-image: url('../../static/qBox2.png');
					background-size: 100% 100%;
					.planItem{
						box-sizing: border-box;
						.title{
							margin: 0 auto;
							width: 100%;
							height: 68upx;
							image{
								width: 100%;
								height: 100%;
							}
						}
						.boxPlan{
							margin-top: 128upx;
							box-sizing: border-box;
							.left{
								width: 100%;
								.planTitle{
									font-size: 33upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 300;
									color: #FFFFFF;
									text-align: center;
								}
								.textSmall{
									font-size: 46upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 600;
									color: #ACF505;
									text-align: center;
								}
								.iconItem{
									display: flex;
									margin-top: 112upx;
									margin-bottom: 66upx;
									.img{
										width: 90upx;
										height: 90upx;
										margin-right: 21upx;
										flex-shrink: 0;
										image{
											width: 100%;
											height: 100%;
										}
									}
									.itemTitle{
										.text{
											font-size: 24upx;
											font-family: PingFangSC, PingFang SC;
											font-weight: 600;
											color: #FFFFFF;
										}
										.text1{
											font-size: 24upx;
											font-family: PingFangSC, PingFang SC;
											color: #FFFFFF;
										}
									}
								}
							}
							.right{
								width: 100%;
								height: 585upx;
								display: inline-block;
								image{
									width: 100%;
									height: 100%;
								}
							}
						}
					}
					.planItem1{
						margin-top: 40upx;
						.title{
							text-align: center;
							background-image: url('../../static/bgTitle.png');
							background-size: 100% 100%;
							.text{
								font-size: 38upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color: #FFFFFF;
							}
							.text1{
								font-size: 38upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color:#ACF505;
							}
						}
						.boxPlan{
							.left{
								padding-right: 0;
								// padding-left: 50upx;
							}
						}
					}
				}
				.boksBox{
					height: auto;
					padding: 0 30upx;
					box-sizing: border-box;
					padding-top: 90upx;
					background-image: url('../../static/boksBg.png');
					background-size: 100% 100%;
					position: relative;
					.title{
						height: 58upx;
						margin: 0 auto;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.boxBg{
						position: absolute;
						// right: -300upx;
						top: 300upx;
						image{
							height: 701upx;
						}
					}
					.numberItem{
						margin-top: 40upx;
						// padding: 0 60upx;
						.numbertitle{
							width: 100%;
							height: 53upx;
							background-image: url('../../static/rightTitleBg.png');
							background-size: 100% 100%;
							display: flex;
							align-items: center;
							font-size: 30upx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #000000;
							padding-left: 90upx;
							box-sizing: border-box;
						}
						.newText{
							margin-top: 40upx;
							font-size: 30upx;
							font-family: PingFangSC, PingFang SC;
							font-weight: 600;
							color: #ACF505;
						}
						.number1{
							display: flex;
							margin-top: 40upx;
							.text{
								width: 56upx;
								font-size: 28upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 600;
								color: #FFFFFF;
								margin-right: 20upx;
								flex-shrink: 0;
							}
							.img{
								width: 535upx;
								height: 107upx;
								image{
									width: 100%;
									height: 100%;
								}
							}
						}
						.number2{
							display: flex;
							align-items: center;
							.item{
								display: flex;
								align-items: center;
								margin-right: 46upx;
								.text{
									width: 56upx;
									font-size: 28upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 600;
									color: #FFFFFF;
									margin-right: 20upx;
									flex-shrink: 0;
								}
								.img{
									width: 210upx;
									height: 86upx;
									image{
										width: 100%;
										height: 100%;
									}
								}
							}
						}
						.boksIcon{
							width: 100%;
							height:122upx;
							background-image: url('../../static/boksIcon1.png');
							background-size: 100% 100%;
							display: flex;
							align-items: center;
							margin-top: 490upx;
							.img{
								width: 633upx;
								height: 66upx;
								margin-left: 40upx;
								image{
									width: 100%;
									height: 100% ;
								}
							}
						}
					}
				}
				.partner{
					height: auto;
					margin: 92upx 30upx 0;
					background-image: url('../../static/qBox1.png');
					background-size: 100% 100%;
					padding: 0 30upx 92upx;
					// padding: 250upx 156upx 390upx;
					box-sizing: border-box;
					.partnerTitle{
						width: 90%;
						height: 58upx;
						margin: 0 auto;
						padding-top: 50upx;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.partnerIcon{
						width: 100%;
						height: 242upx;
						margin-top: 82upx;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.partnerTitle1{
						margin-top: 30upx;
					}
					.itemPartner{
						margin-top: 40upx;
						// display: flex;
						// align-items: center;
						// justify-content: space-between;
						.item{
							width: 90%;
							padding-top: 30upx;
							padding-bottom: 30upx;
							margin: 40upx auto 0;
							// height: 658upx;
							background: rgba(172,245,5,0.12);
							border-radius: 16upx;
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							.img{
								width: 112upx;
								height: 96upx;
								image{
									width: 100%;
									height: 100%;
								}
							}
							.parText{
								.title{
									height: 76upx;
									font-size: 28upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #F3FFEA;
									flex-shrink: 0;
									// margin-top: 58upx;
								}
								.samll{
									text-align: center;
									font-size: 24upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #ACF505;
									margin-top: 5upx;
								}
							}
						}
					}
				}
				.navBottom{
						margin-top: 92upx;
						width: 100%;
						height: 514upx;
						background: #143300;
						padding: 0 30upx;
						box-sizing: border-box;
						.navList{
							padding-top: 90upx;
							.text{
								font-size: 32upx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								color: rgba(255,255,255,0.55);
							}
						}
						.list{
							display: flex;
							align-items: center;
							flex-wrap: wrap;
							justify-content: center;
							margin-top: 66upx;
							.item{
								width: 50%;
								display: flex;
								align-items: center;
								text-align: center;
								justify-content: center;
								margin-top: 30upx;
								.img{
									width: 50upx;
									height: 50upx;
									margin-right: 10upx;
									image{
										width: 100%;
										height: 100%;
									}
								}
								.text{
									font-size: 32upx;
									font-family: PingFangSC, PingFang SC;
									font-weight: 400;
									color: #FFFFFF;
								}
								.text1{
									width: 482upx;
								}
							}
						}
					}
			}
				.navBottomLogo{
					width: 100%;
					height: 100upx;
					background: #ACF505;
					display: flex;
					justify-content: center;
					align-items: center;
					image{
						width: 208upx;
						height: 66upx;
					}
				}
		}
	}
	
</style>
